<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>可爱一下</title>
<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
}
.all {
	width: 100vw;
	height: 100vh;
	background-color: #ff9393;
}
.all-in {
	width: 60vw;
	height: 100vh;
	background-color: #6dc9c8;
	margin: 0px auto;
}
h2 {
	height: 40vh;
	text-align: center;
	line-height: 10vw;
	background-color: #fcd77f;
}
.love {
	margin: 5vw auto auto 15vw;
}
.love, .nolove {
	display: inline-block;
	width: 15vw;
	height: 5vw;
	font-size:1.5vh;
	background-color: #ffd3ad;
	border-radius: 10px;
}
.logo {
	width: 15vw;
	height:auto;
	display: block;
	margin: 0px auto;
}
.pic1{
	width:auto;
	height:20vh;
	display:block;
	margin: 0px auto;
	}
</style>
</head>

<body>
<div class="all">
  <div class="all-in" id="tk">
    <h2 id="xs">小姐姐喜欢天小天吗？<img src="pic/嘟嘴.jpg" class="pic1" id="pic1">
		                       <img src="pic/送花.gif" class="pic1" id="pic2" style="display: none">
		                       <img src="pic/扯.jpg" class="pic1" id="pic3" style="display: none"> 
	 </h2>
    <input id="love" class="love" type="button" value="很喜欢" onClick="love()">
	<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1139246375&site=qq&menu=yes">
    <input id="love1" class="love" type="button" value="来找我" onClick="love1()"
    style="display: none">
	</a> 
    <input id="nolove" class="nolove" type="button" value="不喜欢" onClick="nolove()" >
    <input id="nolove1" class="nolove" type="button" value="不喜欢" onClick="nolove1()" style="display: none">
    <input id="nolove2" class="nolove" type="button" value="不喜欢" onClick="nolove2()" style="display: none">
    <input id="nolove3" class="nolove" type="button" value="不喜欢" onClick="nolove3()" style="display: none">
    <input id="nolove4" class="nolove" type="button" value="不喜欢" onClick="nolove4()" style="display: none">
    <input id="nolove5" class="nolove" type="button" value="不喜欢" onClick="nolove5()" style="display: none">
    <input id="nolove6" class="nolove" type="button" value="不喜欢" onClick="nolove6()" style="display: none">
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1139246375&site=qq&menu=yes">
    <input id="nolove7" class="nolove" type="button" value="谈一谈" onClick="nolove7()" style="display: none">
    </a> 
	<img src="pic/天小天logo2.png" class="logo"> 
 </div>
</div>
<script type="text/javascript">
function love(){ 
	    var tk=document.getElementById('tk');
		var xs=document.getElementById('xs');
		var love=document.getElementById('love');
	    var love1=document.getElementById('love1');
	    var nolove=document.getElementById('nolove');
	    var nolove1=document.getElementById('nolove1');
	    var nolove2=document.getElementById('nolove2');
	    var nolove3=document.getElementById('nolove3');
	    var nolove4=document.getElementById('nolove4');
	    var nolove5=document.getElementById('nolove5');
		var nolove6=document.getElementById('nolove6');
	    var nolove7=document.getElementById('nolove7');
	    xs.innerHTML="么么哒，比比心！"+'<img src="pic/送花.gif" class="pic1" id="pic2">';
	    love.style.display='none';
	    love1.style.display='inline-block';
	    nolove.style.display='none';
	    nolove1.style.display='none';
	    nolove2.style.display='none';
	    nolove3.style.display='none';
	    nolove4.style.display='none';
	    nolove5.style.display='none';
	    nolove6.style.display='none';
	    nolove7.style.display='none';
	    pic.style.display='inline-block';
	 };
function love1(){ 
	    var tk=document.getElementById('tk');
		var xs=document.getElementById('xs');
		var love=document.getElementById('love');
	    var love1=document.getElementById('love1');
	    var nolove=document.getElementById('nolove');
	    var nolove1=document.getElementById('nolove1');
	    var nolove2=document.getElementById('nolove2');
	    var nolove3=document.getElementById('nolove3');
	    var nolove4=document.getElementById('nolove4');
	    var nolove5=document.getElementById('nolove5');
		var nolove6=document.getElementById('nolove6');
	    var nolove7=document.getElementById('nolove7');
	    xs.innerHTML="么么哒，比比心！"+'<img src="pic/送花.gif" class="pic1" id="pic2">';
	    love.style.display='none';
	    love1.style.display='inline-block';
	    nolove.style.display='none';
	    nolove1.style.display='none';
	    nolove2.style.display='none';
	    nolove3.style.display='none';
	    nolove4.style.display='none';
	    nolove5.style.display='none';
	    nolove6.style.display='none';
	    nolove7.style.display='none';
	    pic.style.display='inline-block';
	 };
function nolove(){ 
		var xs=document.getElementById('xs');
		var nolove=document.getElementById('nolove');
	    var nolove1=document.getElementById('nolove1');
	    xs.innerHTML="房产证写你名";
	    nolove.style.display='none';
	    nolove1.style.display='inline-block';
	 };	
function nolove1(){ 
		var xs=document.getElementById('xs');
		var nolove=document.getElementById('nolove');
	    var nolove1=document.getElementById('nolove1');
	    var nolove2=document.getElementById('nolove2');
	    xs.innerHTML="工资卡交给你";
	    nolove.style.display='none';
	    nolove1.style.display='none';
	    nolove2.style.display='inline-block';
	 };	
function nolove2(){ 
		var xs=document.getElementById('xs');
		var nolove=document.getElementById('nolove');
	    var nolove1=document.getElementById('nolove1');
	    var nolove2=document.getElementById('nolove2');
	    var nolove3=document.getElementById('nolove3');
	    xs.innerHTML="化妆品随便买";
	    nolove.style.display='none';
	    nolove1.style.display='none';
	    nolove2.style.display='none';
	    nolove3.style.display='inline-block';
	 };	
function nolove3(){ 
		var xs=document.getElementById('xs');
		var nolove=document.getElementById('nolove');
	    var nolove1=document.getElementById('nolove1');
	    var nolove2=document.getElementById('nolove2');
	    var nolove3=document.getElementById('nolove3');
	    var nolove4=document.getElementById('nolove4');
	    xs.innerHTML="衣服我来洗";
	    nolove.style.display='none';
	    nolove1.style.display='none';
	    nolove2.style.display='none';
	    nolove3.style.display='none';
	    nolove4.style.display='inline-block';
	 };	
	function nolove4(){ 
		var xs=document.getElementById('xs');
		var nolove=document.getElementById('nolove');
	    var nolove1=document.getElementById('nolove1');
	    var nolove2=document.getElementById('nolove2');
	    var nolove3=document.getElementById('nolove3');
	    var nolove4=document.getElementById('nolove4');
		var nolove5=document.getElementById('nolove5');
	    xs.innerHTML="以后孩子归我带";
	    nolove.style.display='none';
	    nolove1.style.display='none';
	    nolove2.style.display='none';
	    nolove3.style.display='none';
	    nolove4.style.display='none';
		nolove5.style.display='inline-block';
	 };	
		function nolove5(){ 
		var xs=document.getElementById('xs');
		var nolove=document.getElementById('nolove');
	    var nolove1=document.getElementById('nolove1');
	    var nolove2=document.getElementById('nolove2');
	    var nolove3=document.getElementById('nolove3');
	    var nolove4=document.getElementById('nolove4');
	    var nolove5=document.getElementById('nolove5');
		var nolove6=document.getElementById('nolove6');
	    xs.innerHTML="妈妈会游泳";
	    nolove.style.display='none';
	    nolove1.style.display='none';
	    nolove2.style.display='none';
	    nolove3.style.display='none';
	    nolove4.style.display='none';
		nolove5.style.display='none';
		nolove6.style.display='inline-block';
	 };	
		function nolove6(){ 
		var xs=document.getElementById('xs');
		var nolove=document.getElementById('nolove');
	    var nolove1=document.getElementById('nolove1');
	    var nolove2=document.getElementById('nolove2');
	    var nolove3=document.getElementById('nolove3');
	    var nolove4=document.getElementById('nolove4');
	    var nolove5=document.getElementById('nolove5');
		var nolove6=document.getElementById('nolove6');
	    xs.innerHTML="我们谈谈"+' <img src="pic/扯.jpg" class="pic1" id="pic3"> ';
	    nolove.style.display='none';
	    nolove1.style.display='none';
	    nolove2.style.display='none';
	    nolove3.style.display='none';
	    nolove4.style.display='none';
		nolove5.style.display='none';
		nolove6.style.display='none';
		nolove7.style.display='inline-block';	
	 };	
	</script>
</body>
</html>
